{% extends "main.html" %}
{% block title %}Group Creation Demo{% endblock %}
{% block head %}
<script type="text/javascript" src="/js/form.js"></script>
{% endblock %}

{% block pageHeader %}
{% include "templates/navigation.html" %}
{% endblock %}

{% block content %}
<h1>Create Group</h1>
<p class="intro">Create a group.</p>
<div class="form createGroupForm">
	{%if SuccessMsg%}
	<div class=success>{{SuccessMsg}}</div>
	{%endif%}
	{%if ErrorMsg%}
	<div class=warn>{{ErrorMsg}}</div>
	{%endif%}
    <form  action="/create/group" method="post">
        <div class="row">
            <label class="caption">Group Name:</label>
            <div class="field text required">
                <input type="text" value="" class="text" id="GroupName" name="GroupName">
            </div>
        </div>
        <div class="row">
            <label class="caption">Company Name:</label>
            <div class="field text required">
                <input type="text" value="{{CompanyName}}" class="text" id="CompanyName" name="CompanyName">
            </div>
        </div>
        <div class="row formButtons">
            <label class="caption">&nbsp;</label>
            <div class="field">
                <input type="submit" value="Submit">
            </div>
        </div>
    </form>
</div>
{% endblock %}

{% block footer %}
{% include "templates/copyright.html" %}
{% endblock %}